<template>
  <strong>商品管理-商品概览</strong>
  <el-row class="mgtb30">
    <el-button type="warning" @click="showDrawer">抽屉式展开</el-button>
  </el-row>
  <base-drawer
    :drawerId="drawerId"
    title="这是一个抽屉的名字呀"
    @drawerClose="hideDrawer">
    <ul>
      <li v-for="i in 50" :key="i">
        {{i}}、这是一个抽屉的内容呀~
      </li>
    </ul>
  </base-drawer>
</template>

<script>
  export default {
    inheritAttrs: false
  }
</script>

<script setup>
  import useDrawer from '@c/useDrawer';
  const {drawerId, showDrawer, hideDrawer} = useDrawer();
</script>

<style scoped>

</style>
